<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <!-- Compiled with Bootstrap Email version: 1.6.0 -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="x-apple-disable-message-reformatting">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no">
    <style type="text/css">
      body,table,td{font-family:Helvetica,Arial,sans-serif !important}.ExternalClass{width:100%}.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{line-height:150%}a{text-decoration:none}*{color:inherit}a[x-apple-data-detectors],u+#body a,#MessageViewBody a{color:inherit;text-decoration:none;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit}img{-ms-interpolation-mode:bicubic}table:not([class^=s-]){font-family:Helvetica,Arial,sans-serif;mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;border-collapse:collapse}table:not([class^=s-]) td{border-spacing:0px;border-collapse:collapse}@media screen and (max-width: 600px){.w-full,.w-full>tbody>tr>td{width:100% !important}*[class*=s-lg-]>tbody>tr>td{font-size:0 !important;line-height:0 !important;height:0 !important}.s-5>tbody>tr>td{font-size:20px !important;line-height:20px !important;height:20px !important}}
    </style>
  </head>
  <body style="outline: 0; width: 100%; min-width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: Helvetica, Arial, sans-serif; line-height: 24px; font-weight: normal; font-size: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000000; margin: 0; padding: 0; border-width: 0;" bgcolor="#ffffff">
    <table class="body" valign="top" role="presentation" border="0" cellpadding="0" cellspacing="0" style="outline: 0; width: 100%; min-width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: Helvetica, Arial, sans-serif; line-height: 24px; font-weight: normal; font-size: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000000; margin: 0; padding: 0; border-width: 0;" bgcolor="#ffffff">
      <tbody>
        <tr>
          <td valign="top" style="line-height: 24px; font-size: 16px; margin: 0;" align="left">
            <h1 style="padding-top: 0; padding-bottom: 0; font-weight: 500; vertical-align: baseline; font-size: 36px; line-height: 43.2px; margin: 0;" align="left">This is an h1</h1>
            <h2 style="padding-top: 0; padding-bottom: 0; font-weight: 500; vertical-align: baseline; font-size: 32px; line-height: 38.4px; margin: 0;" align="left">This is an h2</h2>
            <h3 style="padding-top: 0; padding-bottom: 0; font-weight: 500; vertical-align: baseline; font-size: 28px; line-height: 33.6px; margin: 0;" align="left">This is an h3</h3>
            <h4 style="padding-top: 0; padding-bottom: 0; font-weight: 500; vertical-align: baseline; font-size: 24px; line-height: 28.8px; margin: 0;" align="left">This is an h4</h4>
            <h5 style="padding-top: 0; padding-bottom: 0; font-weight: 500; vertical-align: baseline; font-size: 20px; line-height: 24px; margin: 0;" align="left">This is an h5</h5>
            <h6 style="padding-top: 0; padding-bottom: 0; font-weight: 500; vertical-align: baseline; font-size: 16px; line-height: 19.2px; margin: 0;" align="left">This is an h6</h6>
            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
              <tbody>
                <tr>
                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
                    &#160;
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="hr" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
              <tbody>
                <tr>
                  <td style="line-height: 24px; font-size: 16px; border-top-width: 1px; border-top-color: #E2E8F0; border-top-style: solid; height: 1px; width: 100%; margin: 0;" align="left">
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
              <tbody>
                <tr>
                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
                    &#160;
                  </td>
                </tr>
              </tbody>
            </table>
            <div class="display-1">This is an display-1</div>
            <div class="display-2">This is an display-2</div>
            <div class="display-3">This is an display-3</div>
            <div class="display-4">This is an display-4</div>
            <div class="display-5">This is an display-5</div>
            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
              <tbody>
                <tr>
                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
                    &#160;
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="hr" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
              <tbody>
                <tr>
                  <td style="line-height: 24px; font-size: 16px; border-top-width: 1px; border-top-color: #E2E8F0; border-top-style: solid; height: 1px; width: 100%; margin: 0;" align="left">
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
              <tbody>
                <tr>
                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
                    &#160;
                  </td>
                </tr>
              </tbody>
            </table>
            <p class="lh-1" style="line-height: 1; font-size: 16px; width: 100%; margin: 0;" align="left">This is test of text with different amounts of line height. What do you think of the line height for this text? Is it too large? Too small? The world may never know but I do hope that this works.</p>
            <p class="lh-sm" style="line-height: 1.25; font-size: 16px; width: 100%; margin: 0;" align="left">This is test of text with different amounts of line height. What do you think of the line height for this text? Is it too large? Too small? The world may never know but I do hope that this works.</p>
            <p class="lh-base" style="line-height: 1.5; font-size: 16px; width: 100%; margin: 0;" align="left">This is test of text with different amounts of line height. What do you think of the line height for this text? Is it too large? Too small? The world may never know but I do hope that this works.</p>
            <p class="lh-lg" style="line-height: 2; font-size: 16px; width: 100%; margin: 0;" align="left">This is test of text with different amounts of line height. What do you think of the line height for this text? Is it too large? Too small? The world may never know but I do hope that this works.</p>
            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
              <tbody>
                <tr>
                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
                    &#160;
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="hr" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
              <tbody>
                <tr>
                  <td style="line-height: 24px; font-size: 16px; border-top-width: 1px; border-top-color: #E2E8F0; border-top-style: solid; height: 1px; width: 100%; margin: 0;" align="left">
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
              <tbody>
                <tr>
                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
                    &#160;
                  </td>
                </tr>
              </tbody>
            </table>
            <div class="text-left" style="" align="left">This text is to the left</div>
            <div class="text-center" style="" align="center">This text is to the center</div>
            <div class="text-right" style="" align="right">This text is to the right</div>
            <div class="text-justify" style="" align="justify">This text is justified which means it fills the whole line when it wraps so the start and end of the text with touch both the left and right side.</div>
            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
              <tbody>
                <tr>
                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
                    &#160;
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="hr" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
              <tbody>
                <tr>
                  <td style="line-height: 24px; font-size: 16px; border-top-width: 1px; border-top-color: #E2E8F0; border-top-style: solid; height: 1px; width: 100%; margin: 0;" align="left">
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
              <tbody>
                <tr>
                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
                    &#160;
                  </td>
                </tr>
              </tbody>
            </table>
            <p class="fw-100" style="line-height: 24px; font-size: 16px; font-weight: 100 !important; width: 100%; margin: 0;" align="left">Some text here with some amount of weight</p>
            <p class="fw-200" style="line-height: 24px; font-size: 16px; font-weight: 200 !important; width: 100%; margin: 0;" align="left">Some text here with some amount of weight</p>
            <p class="fw-300" style="line-height: 24px; font-size: 16px; font-weight: 300 !important; width: 100%; margin: 0;" align="left">Some text here with some amount of weight</p>
            <p class="fw-400" style="line-height: 24px; font-size: 16px; font-weight: 400 !important; width: 100%; margin: 0;" align="left">Some text here with some amount of weight</p>
            <p class="fw-500" style="line-height: 24px; font-size: 16px; font-weight: 500 !important; width: 100%; margin: 0;" align="left">Some text here with some amount of weight</p>
            <p class="fw-600" style="line-height: 24px; font-size: 16px; font-weight: 600 !important; width: 100%; margin: 0;" align="left">Some text here with some amount of weight</p>
            <p class="fw-700" style="line-height: 24px; font-size: 16px; font-weight: 700 !important; width: 100%; margin: 0;" align="left">Some text here with some amount of weight</p>
            <p class="fw-800" style="line-height: 24px; font-size: 16px; font-weight: 800 !important; width: 100%; margin: 0;" align="left">Some text here with some amount of weight</p>
            <p class="fw-900" style="line-height: 24px; font-size: 16px; font-weight: 900 !important; width: 100%; margin: 0;" align="left">Some text here with some amount of weight</p>
            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
              <tbody>
                <tr>
                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
                    &#160;
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="hr" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
              <tbody>
                <tr>
                  <td style="line-height: 24px; font-size: 16px; border-top-width: 1px; border-top-color: #E2E8F0; border-top-style: solid; height: 1px; width: 100%; margin: 0;" align="left">
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
              <tbody>
                <tr>
                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
                    &#160;
                  </td>
                </tr>
              </tbody>
            </table>
            <span class="text-xs" style="font-size: 12px; line-height: 14.4px;">Text size xs</span>
            <span class="text-sm" style="font-size: 14px; line-height: 16.8px;">Text size sm</span>
            <span class="text-base" style="font-size: 16px; line-height: 19.2px;">Text size base</span>
            <span class="text-lg" style="font-size: 18px; line-height: 21.6px;">Text size lg</span>
            <span class="text-xl" style="font-size: 20px; line-height: 24px;">Text size xl</span>
            <span class="text-2xl" style="font-size: 24px; line-height: 28.8px;">Text size 2xl</span>
            <span class="text-3xl" style="font-size: 30px; line-height: 36px;">Text size 3xl</span>
            <span class="text-4xl" style="font-size: 36px; line-height: 43.2px;">Text size 4xl</span>
            <span class="text-5xl" style="font-size: 48px; line-height: 57.6px;">Text size 5xl</span>
            <span class="text-6xl" style="font-size: 64px; line-height: 76.8px;">Text size 6xl</span>
            <span class="text-7xl" style="font-size: 80px; line-height: 96px;">Text size 7xl</span>
            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
              <tbody>
                <tr>
                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
                    &#160;
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="hr" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
              <tbody>
                <tr>
                  <td style="line-height: 24px; font-size: 16px; border-top-width: 1px; border-top-color: #E2E8F0; border-top-style: solid; height: 1px; width: 100%; margin: 0;" align="left">
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
              <tbody>
                <tr>
                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
                    &#160;
                  </td>
                </tr>
              </tbody>
            </table>
            <p style="line-height: 24px; font-size: 16px; width: 100%; margin: 0;" align="left"><strong>Bold Text</strong></p>
            <p style="line-height: 24px; font-size: 16px; width: 100%; margin: 0;" align="left"><strong>Bold Text</strong></p>
            <p style="line-height: 24px; font-size: 16px; width: 100%; margin: 0;" align="left"><u>Underlined Text</u></p>
            <p style="line-height: 24px; font-size: 16px; width: 100%; margin: 0;" align="left"><em>Italic Text</em></p>
            <p style="line-height: 24px; font-size: 16px; width: 100%; margin: 0;" align="left"><s>Strike Through Text</s></p>
          </td>
        </tr>
      </tbody>
    </table>
  </body>
</html>
